<template>
	<view class="home">
		<view class="home-head">
			<view class="home-header">
				<image class="headerbg" src="../../static/img/header_bg.png" mode=""></image>
			</view>
			<view class="home-header2">
				<view class="home-set">
					<view class="icon-shezhi" @click="set"></view>
				</view>
				<view class="saoyisao">
					<view class="icon-saoma"></view>
					<view class="saoyisao2" @click="saoyisao">扫一扫</view>
				</view>
				<view class="home-foot">
						<view class="home-left">金臻币<text class="zichan">￥186268.4107</text></view>
						<view class="home-right">资产<text class="zichan">￥186268.4107</text></view>
				</view>
			</view>
		</view>
		<swiper :indicator-dots="indicatorDots" indicator-color="#fff" indicator-active-color="rgb(51, 153, 255)" :autoplay="autoplay" :interval="interval" circular :duration="duration">
            <swiper-item v-for="(item,index) in itemList" :key="index">
                 <image class="home-banner" :src="item.img"></image>
            </swiper-item>
     </swiper>
		 <view class="bgs">
			 <view class="home-list">
			 	<view class="zc" @click="pay">
			 		<view class="icon icon-yinhangqiazhuanchu"></view>
			 		<view>转出</view>
			 	</view>
			 	<view class="zc zc2" @click="changeinto">
			 	<view class="icon icon-yinhangqiazhuanru"></view>
			 	<view>转入</view>
			 	</view>
			 	<view class="zc zc3" @click="buy">
			 	<view class="icon icon-banhuijiamaipiao"></view>
			 	<view>买入</view>
			 	</view>
			 	<view class="zc zc4" @click="sellOut">
			 	<view class="icon icon-iconfontzhizuobiaozhun023121"></view>
			 	<view>卖出</view>
			 	</view>
			 	<view class="zc zc5" @click="digital">
			 	<view class="icon icon-qiandai"></view>
			 	<view>数字资产</view>
			 	</view>
			 	<view class="zc zc6" @click="goodlist">
			 	<view class="icon icon-jiankangshangcheng"></view>
			 	<view>商城</view>
			 	</view>
			 	<view class="zc zc7" @click="invice">
			 	<view class="icon icon-tubiao212"></view>
			 	<view>分享</view>
			 	</view>
			 	<view class="zc zc8" @click="notice">
			 	<view class="icon icon-gonggaoguanli"></view>
			 	<view>公告</view>
			 	</view>
			 	
			 </view>
		 </view>
	</view>
</template>

<script>
import service from '../../service.js';
import global_ from '../../global.js';
import encryptRSA from '../../static/utils/security.js';
import { mapState, mapMutations } from 'vuex';

export default {
    data() {
        return {
            itemList: [
                {
                    img: '../../static/img/banner1.jpg'
                },
                {
                    img: '../../static/img/banner2.jpg'
                },
                {
                    img: '../../static/img/banner3.jpg'
                },
                {
                    img: '../../static/img/banner4.jpg'
                }
            ],
            indicatorDots: true,
            autoplay: true,
            interval: 5000,
            duration: 1000
        };
    },
    // computed: mapState(['forcedLogin']),
    computed: {
        i18n() {
            return this.$t('index');
        }
    },
    methods: {
        // 卖出
        sellOut() {
            uni.showToast({ title: '模块开发中', icon: 'none' });
        },
        // 买入
        buy() {
            uni.showToast({ title: '模块开发中', icon: 'none' });
        },
        // 公告
        notice() {
            uni.navigateTo({
                url: '/pages/notice/index'
            });
        },
        // 分享
        invice() {
            uni.navigateTo({
                url: '/pages/invice/index'
            });
        },
        // 转出
        pay() {
            uni.navigateTo({
                url: '/pages/pay/index'
            });
        },
		// 转入
		changeinto(){
			uni.navigateTo({
				url:'/pages/changeinto/index'
			})
		},
		// 数字资产
		digital(){
			uni.navigateTo({
				url:'/pages/digital/index'
			})
		},
		// 商城
		goodlist(){
			uni.navigateTo({
				url:'/pages/goodlist/index'
			})
		},
		// 设置中心
		set(){
			uni.navigateTo({
				url:'/pages/set/index'
			})
		}
		
    },
    onLoad() {
        // this.sethead();
    }
};
</script>
<style>
uni-page-head-hd {
    display: none !important;
}
</style>
